export default function TechCategory({ title, items, badgeClass }) {
  return (
    <div className="tech-category">
      <h4 className="category-title">{title}</h4>
      <div className="badge-container">
        {items?.map((item, index) => (
          <span key={index} className={`tech-badge ${badgeClass}`}>
            {item}
          </span>
        ))}
      </div>
    </div>
  );
}
